// 分类模型
  <template>
  <div class="FlRire flex JustifyContentC AlignItemsC textC">
    <div class="nav_p  colorF flexC JustifyContentC AlignItemsC">
      <img src="@/assets/img/components/34.png" alt="" />
      <p>分类</p>
      <p>监管</p>
      <p>类别</p>
    </div>
    <div><img src="@/assets/img/components/27.png" alt="" /></div>
    <div class="flexC  font_s30 colorF" style="font-weight:400;margin-top: -3.6rem;">
      <div class="font_28 flex JustifyContentSA" style="color: #00FFFF;">
        <p>分类依据</p>
        <p>监管措施</p>
      </div>
      <div class="flex AlignItemsC">
        <img src="@/assets/img/components/28.png" width="25%" alt="" />
        <div class="flex JustifyContentC AlignItemsC nav_con"><p>高风险 或 C信用</p></div>
        <div class="flex JustifyContentC AlignItemsC nav_con">
          <p>
            每月飞行检查
            <br />
            每季度常规检查
          </p>
        </div>
      </div>
      <div class="flex AlignItemsC" style="padding:4.3rem 0;">
        <img src="@/assets/img/components/29.png" width="25%" alt="" />
        <div class="flex JustifyContentC AlignItemsC nav_con1"><p>中风险 或 B信用</p></div>
        <div class="flex JustifyContentC AlignItemsC nav_con1">
          <p>
            每季度飞行检查
            <br />
            每季度常规检查
          </p>
        </div>
      </div>
      <div class="flex AlignItemsC">
        <img src="@/assets/img/components/30.png" width="25%" alt="" />
        <div class="flex JustifyContentC AlignItemsC nav_con2">
          <p>
            低风险、无风险
            <br />
            且 A信用
          </p>
        </div>
        <div class="flex JustifyContentC AlignItemsC nav_con2">
          <p>
            每季度常规检查
            <br />
            对低风险加强抽查
          </p>
        </div>
      </div>
    </div>
  </div>
</template>

<script></script>

<style lang="scss" scoped>
.FlRire {
  width: 100%;
  height: 100%;
  .nav_p {
    width: 14.125rem;
    height: 29.3125rem;
    font-size: 2.75rem;
    background: url(../../../assets/img/components/26.png) no-repeat center;
    background-size: 100% 100%;
    font-weight: bold;
    line-height: 3.375rem;
  }
  .nav_con {
    width: 39vh;
    height: 12vh;
    background: url(../../../assets/img/components/31.png) no-repeat center;
    background-size: 100% 100%;
  }
  .nav_con1 {
    width: 39vh;
    height: 12vh;
    background: url(../../../assets/img/components/32.png) no-repeat center;
    background-size: 100% 100%;
  }
  .nav_con2 {
    width: 39vh;
    height: 12vh;
    background: url(../../../assets/img/components/33.png) no-repeat center;
    background-size: 100% 100%;
  }
}
</style>
